<template>
  <div>
    <div class="fs-4">24小时阅读排行:</div>
    <ol>
      <li v-for="rank in rankli" :key="rank.noteId">
        {{ rank.noteName }}
      </li>
    </ol>
  </div>
</template>

<script>
var Mock = require("mockjs");

export default {
  name: "HomeRank",
  data() {
    return {
      rankli: [],
    };
  },
  mounted() {
    this.getRankLi();
  },
  methods: {
    getRankLi() {
      let data = Mock.mock({
        "list|5": [
          {
            "noteId|+1": 1,
            noteName: "@ctitle(5,10)",
          },
        ],
      });
      this.rankli = data.list;
    },
  },
};
</script>

<style>
</style>